<template>
  <div class="register_success">
    <div class="success_img">
      <img src="@/assets/login/register_success.png" alt="" />
      <!-- 下一步按钮 -->
    </div>
    <div class="operate_btn" @click="goPage">去登录</div>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from "vue-router";

// 获取路由对象
const router = useRouter();

// 去登录
const goPage = () => {
  router.replace("/login");
};
</script>

<style lang="scss" scoped>
.register_success {
  padding: 0px 15px;
  .success_img {
    display: flex;
    justify-content: center;
    padding-top: 150px;
    padding-bottom: 50px;
  }
  .operate_btn {
    margin-top: 20px;
    background: linear-gradient(to right, #14da62, #0d5eae);
    text-align: center;
    padding: 10px;
    border-radius: 10px;
  }
}
</style>
